<template>
  <div>
    <van-tabbar v-model="active" fixed
    active-color="#ee0a24" 
    inactive-color="#000">
      <van-tabbar-item  icon="wap-home" url="/index" active-color="red">首页 </van-tabbar-item>
      <van-tabbar-item  icon="point-gift" background="#000">所有产品</van-tabbar-item>
      <van-tabbar-item  icon="cart" url="/gwc">购物车 </van-tabbar-item>
      <van-tabbar-item  icon="manager">会员中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 'shouye',
    };
  },
};
</script>

<style>
.van-icon-wap-home:before{
  font-size: 30px;
}
.van-icon-point-gift:before{
  font-size: 30px;
}
.van-icon-cart:before{
  font-size: 30px;
}
.van-icon-manager:before{
  font-size: 30px;
}
.van-hairline--top-bottom :active {
  color:"#ee0a24";
}
</style>